<!doctype html>
<html lang="en" ng-app="operationChoujiangLiuchengApp">
<head>
    <meta charset="UTF-8">
    <title>周周送IP6 每周有惊喜</title>

    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <meta name="format-detection" content="telephone=no"/>
    <link href="/a/css/common.css" rel="stylesheet"/>
    <link href="/a/css/choujiang_1.css" rel="stylesheet"/>

</head>
<body ng-controller="choujiangCtrl">
<div class="loadDiv">
    <img src="/a/images/choujiang/load.gif" class="loadPic"/>
</div>
<img src="/a/images/choujiang/dt_bg.png" class="slogan">
<!--获取抽奖号-->

<form class="choujiang-form">
    <dl ng-show="userInfoChouJiang.ticketValue==null&&userInfoChouJiang.valid==true">
        <dt class="clearfix"><span class="fl">完整个人资料</span><span class="fr">已参与<b>{{userInfoChouJiang.joinedUser}}</b>人</span>
        </dt>
        <dd id="errorMessageDiv" style="background:red" ng-show="displayChouJiangError==true"><font style="color:white">{{errorMessageChouJiang}}</font>
        </dd>
        <dd>联系人&nbsp;<em>*</em><input type="text" id="name" ng-model="userInfoChouJiang.userName" maxlength="20"
                                      ng-change="changeUserNameChouJiang()"></dd>
        <dd>联系电话<em>*</em><input type="text" id="phone" ng-model="userInfoChouJiang.phone" maxlength="20"
                                 ng-change="changeAddressChouJiang()"></dd>
        <dd>楼号&nbsp;<em>*</em><input type="tel" id="roomUnit" ng-model="userInfoChouJiang.roomUnit" maxlength="100"
                                     ng-change="changeAddressChouJiang()" onkeyup="value=value.replace(/[^\d]/g,'')"/>
        </dd>
        <dd>房间号&nbsp;<em>*</em><input type="tel" id="roomNumber" ng-model="userInfoChouJiang.roomNumber" maxlength="100"
                                      ng-change="changeAddressChouJiang()" onkeyup="value=value.replace(/[^\d]/g,'')"/>
        </dd>
    </dl>


    <div class="info">
        <input type="submit" id="joinButton" value="获取抽奖号"
               ng-show="userInfoChouJiang.ticketValue==null&&userInfoChouJiang.valid==true"
               ng-click="submitChouJiang(userInfoChouJiang)">
        <img src="/a/images/choujiang/xinfeng1.png" class="xinfeng"/>
        <!--抽奖前-->
        <div class="info-t cj-before" ng-show="userInfoChouJiang.ticketValue!=null">
            <span class="line"></span>

            <div class="info-t-con">
                <p>您的抽奖号</p>

                <p id="prizeNum">{{userInfoChouJiang.ticketValue}}</p>

                <p>已参与<span id="joinerNum">{{userInfoChouJiang.joinedUser}}</span>人</p>
            </div>
        </div>
        <!--抽奖后-->
        <div class="info-t cj-after" ng-show="userInfoChouJiang.ticketValue==null&&userInfoChouJiang.valid==false">
            <span class="line"></span>

            <div class="info-t-con">
                <p>为邻居做点事儿，获得抽奖号</p>
                <a class="a1" ng-click="goPostQuestion()">去提问</a><a ng-click="goAnswerQuestion()">去回答</a>

                <p>已参与<span id="joinerNum">{{userInfoChouJiang.joinedUser}}</span>人</p>
            </div>
        </div>
        <div class="clearfix info-b">
            <!--p class="p1" ><img src="images/choujiang/icon.png" />&nbsp;距离下次抽奖</p-->
            <!--p class="p2" >{{timeToNextLottery}}</p-->
            <br>

            <p class="p3">咋玩：完成V认证即可参与抽奖</p>
            <p class="p4">奖啥：随机抽取V认证用户奖励1个月物业费、有机土鸡蛋一盒（6枚），详见活动规则</p>
            <p class="p4">要求：活动当周发布三条以上有效内容帖（不含回复贴）</p>
            <a href="javascript:;" class="rule-a">活动规则</a>
        </div>
    </div>
</form>

<div ng-show="luckyUserList !=null&&luckyUserList.length>0">
    <div style="text-align: center">
        <img src="/a/images/choujiang/lotteryBanner-2.png"
             style="display:inline-block;vertical-align:middle;width:80%;"/>
    </div>

    <div ng-repeat="week in luckyUserList">
        <!--
        <div class="result result-no">
            <p class="name">{{week.week}} </p>
            <p  class="name">({{week.date}})</p>
        </div>
        -->
        <div style="background-color:#fff;margin-left: 3%;margin-right:3%;">
            <div style="text-align: center;">
                <br>

                <p style="font-size:18px;color:#f7744a;font-weight:bold">{{week.week}} </p>

                <p style="font-size:14px;color:#B6B6B4;">({{week.date}})</p>
                <hr>
            </div>
            <ul class="result result-list">
                <li ng-repeat="user in week.uList" style="height:50px" class="clearfix">
                    <div class="fl">
                        <img ng-show="user.profileImage"
                             src="{{user.profileImage.indexOf('http')!= 0?fastDfsHostIp+user.profileImage:user.profileImage}}"
                             class="avatar"/><img ng-show="!user.profileImage" src="{{anonymousImg}}" class="avatar"/>

                        <div><p class="name">{{user.userName}}<span
                                ng-show="user.roomUnit!=null&&user.roomUnit!=''"><img
                                src="/a/images/choujiang/location.png"
                                style="display:inline-block;vertical-align:middle;width:10%;"/>{{user.roomUnit}}单元</span>
                        </p>

                            <p ng-show="user.questionCount">本周发布{{user.questionCount}}条</p></div>
                    </div>
                    <div class="fr">
                        <!--<img src="{{prizelist[user.prize]}}"-->
                             <!--style="display:inline-block;vertical-align:middle;width:80%;"/>-->
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <div ng-show="needLoad" ng-model="weekly" ng-click="getMore(weekly)"
         style="border-top:1px solid #888; text-align: center;background-color:#fff;margin-left: 3%;margin-right:3%;">
        <p style="margin-top: 5px; height:25px;">{{loadStr}}</p>
    </div>
</div>


<div class="popup" hidden>
    <div class="rule">
        <img src="/a/images/choujiang/close.png" class="closeBtn">
        <span><em></em>活动规则</span>
        <p>1.当周发布三条有效邻里互助内容即可获得抽奖机会</p>
        <p>2.当周发布内容越多，中奖几率越高！</p>
        <p>3.每七天随机抽出一等奖若干名送出1个月物业费，开心奖若干名送出有机土鸡蛋一盒（6枚）。</p>
        <p>4.每周一开奖后在首页公布中奖名单及奖品领取方式。</p>
        <p>5.本活动仅对大唐盛世花园小区V认证用户开放，最终解释权归66小区所有，活动咨询请联系小6客服。</p>
        <span><em></em>活动时间</span>

        <p>6月9日开始，结束时间请关注66小区APP通知。</p>
        <span><em></em>开奖时间</span>

        <p>每周一下午3点在66小区APP内开奖。</p>
        <br/>
    </div>
</div>
<div class="h30"></div>
</body>
</html>
<script src="/a/javascripts/jquery-1.7.1.min.js"></script>
<script src="../../../lib/angular/angular.js"></script>
<script src="../../../lib/angular/angular-route.js"></script>
<script src="../../../lib/angular/angular-resource.js"></script>
<script src="/a/javascripts/choujiang-liucheng-angular-controller_1.js"></script>
<script>
    $(window).load(function () {
//			$('.loadPic').hide();
//			$('.loadDiv').hide();
    });
    $('.rule-a').click(function () {
        var height = $(window).scrollTop();
        $('.rule').css({'top': height});
        $('.popup').show();
    })
    $('.closeBtn').click(function () {
        $('.popup').hide();
    })
</script>
